<!-- 查看流程配置 -->
<template>
  <dt-modal-info ref='info' :title='title' :width='60'>
    <div class='check_process_detail'>
      <div class="detail_title">
        <div class="detail_title_label">公司范围：</div><div class="detail_title_conent">{{info.companyDesc}}</div>
      </div>
      <dt-grid ref="table" :columns="columns" :list="list" :height='500' />
    </div>
  </dt-modal-info>
</template>

<script>
  import columnsAll from '../opt/columns.js'
  export default {
    components: {},
    data() {
      return {
        columns: [],
        list: [],
        title: '流程配置',
        info: {}
      }
    },
    methods: {
      create(data) {
        this.info = {
          ...data
        }
        this.list = data.processDataList
        this.show()
      },
      show() {
        this.$refs.info.show()
      },
      hide() {
        this.$refs.info.hide()
      },
    },
    mounted() {
      this.columns = columnsAll.checkProcessColumns()
    },
  }
</script>
<style lang='scss' scoped>
  .check_process_detail {
    .detail_title{
      padding: 10px 0 20px 0;
      display: flex;
      &_label{
        width: 70px;
      }
      &_conent{
        flex: 1;
      }
    }
    .process_node {
      .title_text {
        font-size: 16px;
        line-height: 32px;
      }
    }

    .table_node {
      margin: 10px 0;
    }
  }
</style>